<template>
  <div class="app-container">
    <div class="one">
      <el-form :inline="true" :model="orderFind" class="demo-form-inline">
        <el-row>
          <el-col :span="4">
            <el-input
              placeholder="请输入用户id"
              v-model="orderFind.inputuser"
              clearable
            >
            </el-input>
          </el-col>
          <el-col :span="4">
            <el-input
              placeholder="请输入订单编号"
              v-model="orderFind.inputactivity"
              clearable
            >
            </el-input>
          </el-col>
          <el-col :span="4">
            <el-select
              v-model="orderFind.inputstatus"
              placeholder="请输入订单状态"
            >
              <el-option :label="未出行" :value="0"></el-option>
              <el-option :label="进行中" :value="1"></el-option>
              <el-option :label="已完成" :value="2"></el-option>
            </el-select>
          </el-col>
          <el-col :span="4">
            <el-button type="primary" @click="onSubmit">查询</el-button>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="two">
      <el-row>
        <el-col :span="24">
          <el-table
            :data="tableData"
            style="width: 100%"
            :header-cell-style="{ 'text-align': 'center' }"
            :cell-style="{ 'text-align': 'center' }"
          >
            <el-table-column label="订单编号">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.userName }}</span>
              </template>
            </el-table-column>
            <el-table-column label="用户id">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.dept.deptName }}</span>
              </template>
            </el-table-column>
            <el-table-column label="订单状态">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.userPosition }}</span>
              </template>
            </el-table-column>
            <el-table-column label="订单金额">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.userEmail }}</span>
              </template>
            </el-table-column>
            <el-table-column label="支付金额">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.userEmail }}</span>
              </template>
            </el-table-column>
            <el-table-column label="支付时间">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.userEmail }}</span>
              </template>
            </el-table-column>
            <el-table-column label="物流单号">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.userEmail }}</span>
              </template>
            </el-table-column>
            <el-table-column label="物流渠道">
              <template slot-scope="scope">
                <span>{{ scope.row.etmsUser.userEmail }}</span>
              </template>
            </el-table-column>
            
            <el-table-column label="操作">
              <template slot-scope="scope">
                <div v-if="scope.row.applyStatus == '0'">
                  <el-button
                    size="mini"
                    type="danger"
                    @click="handleReject(scope.$index, scope.row)"
                    >详情</el-button
                  >
                </div>
                <div v-if="scope.row.applyStatus != '0'">
                  <el-button
                    size="mini"
                    @click="handleDelete(scope.$index, scope.row)"
                    >删除</el-button
                  >
                </div>
              </template>
            </el-table-column>
          </el-table>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      orderFind: {
        inputuser: "",
        inputactivity: "",
        inputstatus: "",
      },
      tableData: [],
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
  },
};
</script>

<style >
</style>

